"use strict";

import Vue from 'vue';
import axios from "axios";
import { Message } from 'element-ui';


// Full config:  https://github.com/axios/axios#request-config
// axios.defaults.baseURL = process.env.baseURL || process.env.apiUrl || '';
// axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
// axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

let config = {
  // baseURL: process.env.baseURL || process.env.apiUrl || ""
  // timeout: 60 * 1000, // Timeout
  // withCredentials: true, // Check cross-site Access-Control
};

const _axios = axios.create(config);

_axios.interceptors.request.use(
  function(config) {
    // Do something before request is sent
    return config;
  },
  function(error) {
    // Do something with request error
    return Promise.reject(error);
  }
);

// Add a response interceptor
_axios.interceptors.response.use(
  function(response) {

      // Do something with response data
      if(response.status === 200){

          let responseData = response.data;

          if(responseData.status === 200){
              /** @namespace config.isShowMessage */
              if(config.isShowMessage){
                  Message({
                      message: responseData.message,
                      type: 'success'
                  });
              }
          }else{
              Message({
                  message: '服务处理出错！\n' + response.data.message + '\n' + response.data.error,
                  type: 'error'
              });
          }

          return responseData;

      }else{
          Message({
              message: response.statusText,
              type: 'error'
          });
          return response.data;
      }
  },
  function(error) {
    // Do something with response error
    return Promise.reject(error);
  }
);

Plugin.install = function(Vue, options) {
  Vue.axios = _axios;
  window.axios = _axios;
  Object.defineProperties(Vue.prototype, {
    axios: {
      get() {
        return _axios;
      }
    },
    $axios: {
      get() {
        return _axios;
      }
    },
      $http: {
          get() {
              return _axios;
          }
      },
  });
};

Vue.use(Plugin)

export default Plugin;
